﻿body,div,header,section,article,p,h1,input,form
{
    padding:0;
    margin:0;
    border:0;
}

body 
{
    background-color:#4B5775;
}

/*#wrapper
{
    font-family:Arial,Sans-Serif;
    font-size:12px;
    color:#494949;
    border:1px solid white;
    background-color:#EEEEEE;
    border-radius:10px;
    width:424px;
    height:530;
    margin:20px;
    
    
}

    header 
    {
        
        border:1px solid red;
		width: 50%;
		margin-top:16px;
		margin-left:8px;
    }
    
        header h1
        {
            font-size:14px;
        }
        
        
        
    #wrapper section
    {
        border:1px solid #C7C7C7;
        width:400px;
        float:left;
        margin:35 10;
        
    }
    
        section article
        {
            border:1px solid #A6A6A6;
            padding:15px;
            
            
            
        }
    
        section article img
        {
            float:left;
            width:136px;
            height:86px;
            border:1px solid #9E9B9C;
            margin-right:15px;
            
            
        }
        
        section article p
        {
            border:1px solid black;
            
            margin:0 10px 10px 10px;   
        }
        
        .claerfix
        {
            zoom:1;
        }
        
        .clearfix:after,#wrapper:after,#wrapper section:after,section article img:after
        {
            content: "";
            display: block;
            clear:both;
            height: 0;
        }
        */

#wrapper
{
    font-family:Arial,Sans-Serif;
    font-size:12px;
    color:#494949;
    background-color:#EEEEEE;
    border-radius:10px;
    width:40%;
    margin:50px auto;
    padding-top:16px;
    padding-bottom:16px;
}

    header h1
    {
		
		margin-left:8px;
		margin-bottom:34px;
		font-size:14px;
    }

        
#wrapper section
    {
        background-color:#A6A6A6;
        border:1px solid #F6F6F6;
        width:95%;
        margin:17px auto;
        padding:1px;
    }

article
{
    background-color:white;
    border:1px solid #E5E5E5;
    padding:12px;
    padding-right:20px;
    margin:0 auto;
}

    article img
	{
		float:left;
        width:136px;
        height:86px;
        border:1px solid #9E9B9C;
        margin-right:10px;  	
	}
		
	section article p
    {
        margin-bottom:20px;
    }
    
    article form
    {
       float:right;
       margin-top:0;
       margin-right:-9px;
    }
    
        input
        {
            /*background-image:url("../images/ListenBtn.png");
            color:white;
            border:2px outset #6B0000 ;*/
            color:White;         
            display: inline-block;
            font-size:11px;
            text-align:right;
            padding-right:7px;
            background-color:White;
            width: 60px;
            height: 20px;
            background-image: url("../images/ListenBtn_Normal.png");
            background-repeat: no-repeat;
            
        }
        
        input + input
        {
            width:43px;
            height:20;
            padding-right:2px;
            
        }
    


input:hover {background-image: url("../images/ListenBtn_Hover.png");}
input:active {background-image: url("../images/ListenBtn_Active.png");
              color:Gray;
              }
            
       
		
		 .claerfix
        {
            zoom:1;
        }
        
        .clearfix:after,article:after
        {
            content: "";
            display: block;
            clear:both;
            height: 0;
            
        }
        
